﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="dang-tin.ascx.cs" Inherits="UserControl_dang_tin" %>
<link href="/Styles/jquery.realperson.css" rel="stylesheet" />
<script src="/Scripts/jquery-ui-sliderAccess.js"></script>
<script type="text/ecmascript">
    $(document).ready(function () {
        $('.txtNgayBatDau').datepicker({ dateFormat: 'dd/mm/yy' });
        $('.txtNgayKetThuc').datepicker({ dateFormat: 'dd/mm/yy' });
    });
</script>
<style>
    .ui-timepicker-div .ui-widget-header {
        margin-bottom: 8px;
    }

    .ui-timepicker-div dl {
        text-align: left;
    }

        .ui-timepicker-div dl dt {
            float: left;
            clear: left;
            padding: 0 0 0 5px;
        }

        .ui-timepicker-div dl dd {
            margin: 0 10px 10px 40%;
        }

    .ui-timepicker-div td {
        font-size: 90%;
    }

    .ui-tpicker-grid-label {
        background: none;
        border: none;
        margin: 0;
        padding: 0;
    }

    .ui-timepicker-rtl {
        direction: rtl;
    }

        .ui-timepicker-rtl dl {
            text-align: right;
            padding: 0 5px 0 0;
        }

            .ui-timepicker-rtl dl dt {
                float: right;
                clear: right;
            }

            .ui-timepicker-rtl dl dd {
                margin: 0 40% 10px 10px;
            }
</style>
<div class="contentLeft" style="float: right">
    <div class="box-left">
        <h4 class="title-left">Hướng dẫn đăng tin</h4>
        <div class="clr">
        </div>
        <div class="box-left-content huong-dan">
        </div>
    </div>
    <div class="box-left" style="display:none;">
        <h4 class="title-left">Bạn có biết đăng tin cho thuê phòng ở đâu hiệu quả nhất?</h4>
        <div class="clr">
        </div>
        <div class="box-left-content tai-sao">
        </div>
    </div>
</div>
<div class="contentRight" style="float: left;">
    <div class="spaces">
        <span>
            <asp:Literal ID="ltrTitle" runat="server"></asp:Literal></span>
    </div>
    <div class="canh-bao-dang-tin" id="thong_bao_dang_tin" runat="server">
        <p><b>Chú ý:</b> Bạn đang thực hiện đăng tin mà chưa đăng nhập tài khoản, bạn sẽ phải mất phí <b>5.000 vnđ/1 tin</b></p>
        <p>Nếu muốn đăng tin miễn phí bạn vui lòng <a class="log" href="javascript:void(0)"><b>Đăng Nhập</b></a> hoặc <a href="/dang-ky"><b>Đăng ký tài khoản</b></a> nếu chưa có</p>
    </div>
    <div class="form" style="border: 1px solid #d8dfea; width: 701px; padding: 5px;">
        <div class="left" style="width: 520px;">
            <div class="form-row">
                <b>Tên sự kiện:</b> * (Nhập tên sự kiến hoặc chương trình của bạn.)
            </div>
            <div class="form-row">
                <asp:TextBox ID="txtTieuDe" runat="server" Width="520px" MaxLength="85" CssClass="txtTieuDe"></asp:TextBox>
            </div>
        </div>
        <div class="right" style="width: 175px;">
            <div class="form-row">
                <b>Chọn Chuyên Mục:</b> *
            </div>
            <div class="form-row">
                <asp:DropDownList ID="ddlChuyenMuc" Width="170px" runat="server" AppendDataBoundItems="true" CssClass="ddlChuyenMuc">
                    <asp:ListItem Value="0">Chuyên Mục</asp:ListItem>
                </asp:DropDownList>
            </div>
        </div>
        <div class="form-row">
            <b>Nội dung:</b> * (Bạn hãy mô tả chi tiết sự kiện/ chương trình của bạn.)
        </div>
        <div class="form-row">
            <asp:TextBox CssClass="noidungtindang ckeditor"  name="editor1" ID="txtNoiDung" runat="server" MaxLength="3000" TextMode="MultiLine" Height="280px"></asp:TextBox>
        </div>
        <div id="img_youtube" runat="server">
            <div class="form-row">
                <b>Hình ảnh</b>
            </div>
            <div class="form-row">
                <asp:FileUpload ID="fulAnh1" runat="server" />
                <input type="hidden" id="hdAnh1" name="hdAnh1" runat="server" />
            </div>
            <div class="form-row">
                <b>Video Youtube:</b> (Chèn mã video của youtube vào đây - Ví dụ: <b>http://www.youtube.com/watch?v=VhZw9RPdC2A</b> => trong đó <b>VhZw9RPdC2A</b> là mã video )
            </div>
            <div class="form-row">
                <asp:TextBox ID="txtYoutube" runat="server" Width="520px" MaxLength="100"></asp:TextBox>
            </div>
        </div>
        <div class="form-row">
            <b>Khu vực diễn ra sự kiện:</b> * 
        </div>
        <div class="form-row">
            <span class="row-tow">Tỉnh thành:
                <asp:DropDownList ID="ddlTinhThanh" runat="server" CssClass="ddlTinhThanh" Width="232px"></asp:DropDownList>
            </span>
            <span class="row-tow">
                <span style="margin-left: 1px; display: inline-block;">Quận huyện:</span>
                <select id="ddlQuanHuyen" name="ddlQuanHuyen" style="width: 232px;" class="ddlQuanHuyen"></select>
            </span>

        </div>
        <div class="left" style="width: 520px;">
            <div class="form-row">
                <b>Địa chỉ:</b> * (Địa chỉ tổ chức sự kiện/ chương trình)
            </div>
            <div class="form-row">
                <asp:TextBox ID="txtDiaChi" runat="server" Width="520px" MaxLength="100" CssClass="txtDiaChi"></asp:TextBox>
            </div>
        </div>
        <div class="left" style="width: 301px;">
            <div class="form-row">
                <b>Thời gian bắt đầu:</b> * (Chọn thời gian bắt đầu).
            </div>
            <div class="form-row">
                <asp:TextBox ID="txtNgayBatDau" runat="server" Width="140px" MaxLength="30" CssClass="number txtNgayBatDau"></asp:TextBox>
                <asp:DropDownList ID="ddl_GioBatDau" runat="server"></asp:DropDownList>:<asp:DropDownList ID="ddl_PhutBatDau" runat="server"></asp:DropDownList>
            </div>
        </div>
        <div class="right" style="width: 301px;">
            <div class="form-row">
                <b>Hotline:</b> (Nếu không muốn dùng số đã đăng ký)
            </div>
            <div class="form-row">
                <asp:TextBox ID="txtDienThoai" runat="server" Width="300px" MaxLength="15" CssClass="number"></asp:TextBox>
            </div>
        </div>
        <div class="left" style="width: 301px;">
            <div class="form-row">
                <b>Thời gian kết thúc:</b> * (Chọn thời gian kết thúc).
            </div>
            <div class="form-row">
                <asp:TextBox ID="txtNgayKetThuc" runat="server" Width="140px" MaxLength="30" CssClass="number txtNgayKetThuc"></asp:TextBox>
                <asp:DropDownList ID="ddl_GioKetThuc" runat="server"></asp:DropDownList>:<asp:DropDownList ID="ddl_PhutKetThuc" runat="server"></asp:DropDownList>
            </div>
        </div>
        <div class="right" style="width: 301px;">
            <div class="form-row">
                <b>Chi phí:</b> * (Để 0 nếu sự kiện/chương trình miễn phí)
            </div>
            <div class="form-row">
                <asp:TextBox ID="txtGiaPhong" runat="server" Width="301px" MaxLength="10" CssClass="number txtGiaPhong"></asp:TextBox>
            </div>
        </div>


        <div class="selectMap">
            <div class="wrap-btnMap">
                <a href="javascript:void(0)" class="w8-button red gmap">Hãy xác địa điểm trên bản đồ</a>
            </div>
            <div style="float: left;">
                <input type="text" size="34" name="kinhdo" value="" id="lat" class="winput res"
                    style="width: 164px;" readonly="readonly" />
            </div>
            <div style="float: left; margin-left: 20px;">
                <input type="text" size="34" name="vido" value="" id="lng" class="winput res"
                    style="width: 164px;" readonly="readonly" />
            </div>
        </div>
        <div style="float: left; margin-top: 5px;">
            <div id="map" style="width: 710px; height: 300px;"></div>
        </div>
        <div class="clr"></div>
    </div>
    <div class="row-lable" style="margin-top: 10px; float: right;">
        <div style="float: right;">
            <input type="text" id="txtCapcha" name="txtCapcha" placeholder="Nhập mã an toàn..." />
            <asp:Button ID="btnDangTin" CssClass="btnHoanThanh" runat="server" Text="Đăng tin" OnClick="btnDangTin_Click" OnClientClick="return xCheckForm()" />
        </div>
    </div>
    <div class="clr">
    </div>
</div>
<input id="hdMod" type="hidden" runat="server" class="hdMod" />
<input id="hdKinhDo" type="hidden" runat="server" class="kinhdo" />
<input id="hdViDo" type="hidden" runat="server" class="vido" />
<input type="hidden" id="hdQuanHuyen" name="hdAnh1" runat="server" class="hdQuanHuyen" />
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="/Scripts/jquery.realperson.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.utility.js"></script>
<script type="text/javascript" src="/Scripts/dang-tin.js"></script>
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
